<!DOCTYPE html>
<html>
<head>
	<title></title>
	@@include('../../templeate/metasetting.html')
	@@include('../../templeate/statis.html')
	<link rel="stylesheet" type="text/css" href="../../frontlib/css/myPrize.css">
	</head>
<body>
@@include('../../templeate/header.html')
<!-- 推广首页内容 start -->
<div class = "content">
    @@include('../../templeate/accountTop.html')
	<div class="content-main">
		<div class="content-main-left">
            <ul class="menu" id="helpMenu"></ul>
        </div>
		<div class="content-main-right">
            <div class="content-main-right-top">
                <div class="title">
                    <span class="red">兑换记录</span>
                    <span class="ml25">副卡明细</span>
                    <span class="ml25">开卡明细</span>
                </div>
            </div>

            <div>
                 <!--兑换记录  -->
                <div class="tab-content">
                    <div class="content-main-right-table">
                        <div class="content-tab">
                            <label>奖品类型：</label>
                            <span class="tab-item red">全部</span>
                            <span class="tab-item">虚拟奖品</span>
                            <span class="tab-item">实物奖品</span>
                        </div>
                        <div class="search-item">
                            <label class="fl mr4">兑换时间：</label>
                            <div class="calendar fl mr20">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="calendar fl mr10">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="fl mr10">
                                <span class="tab-item red">全部</span>
                                <span class="tab-item">今日</span>
                                <span class="tab-item last">近一周</span>
                            </div>
                            <div class="fl mr20">
                                <select class="select-status">
                                    <option>状态</option>
                                </select>
                            </div>
                            <div class="fl">
                                <button class="search-btn">查询</button>
                            </div>
                        </div>
        
                        <div class="table-list">
                            <div class="table-list-header">
                                <div class="name">奖品名称</div>
                                <div class="name">所有金豆</div>
                                <div class="time">兑换时间</div>
                                <div class="status">状态</div>
                                <div class="status">收货人</div>
                                <div class="status">操作</div>
                            </div>
                            <div class="table-list-body">
                                <div class="body-item">
                                   <div class="name">奖品名称</div>
                                    <div class="name">所有金豆</div>
                                    <div class="time">兑换时间</div>
                                    <div class="status">状态</div>
                                    <div class="status">收货人</div>
                                    <div class="status">操作</div>
                                </div> 
                                <div class="body-item bg-color last">
                                   
                                </div> 
                            </div>
                            <div>您还没有任何兑换记录，快去<span class="red">兑换商城</span>兑换奖品吧</div>
                        </div>
                    </div>
                </div>
                <!-- 兑换记录 -->

                <!-- 副卡明细 -->
                <div class="tab-content hide">
                    <div class="content-main-right-table">
                        <div class="content-tab">
                            <label>奖品类别：</label>
                            <span class="tab-item red">全部</span>
                            <span class="tab-item">返利</span>
                            <span class="tab-item">活动</span>
                            <span class="tab-item last">其他</span>
                        </div>
                        <div class="search-item">
                            <label class="fl mr4">兑换时间：</label>
                            <div class="calendar fl mr20">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="calendar fl mr10">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="fl mr20">
                                <span class="tab-item red">全部</span>
                                <span class="tab-item">今日</span>
                                <span class="tab-item last">近一周</span>
                            </div>
                            <div class="fl">
                                <button class="search-btn">查询</button>
                            </div>
                        </div>
        
                        <div class="table-list">
                            <div class="table-list-header">
                                <div class="occur-time">发生时间</div>
                                <div class="result">变化原因</div>
                                <div class="gold-bean-change">金豆变化</div>
                                <div class="gold-bean-account">金豆余额</div>
                            </div>
                            <div class="table-list-body">
                                <div class="body-item">
                                    <div class="occur-time">2019-05-09  09:46:20</div>
                                    <div class="result">签到有礼，奖励27金币</div>
                                    <div class="gold-bean-change">0</div>
                                    <div class="gold-bean-account">27</div>
                                </div> 
                                <div class="body-item bg-color last">
                                    <div class="occur-time">发生时间</div>
                                    <div class="result">变化原因</div>
                                    <div class="gold-bean-change">0</div>
                                    <div class="gold-bean-account">27</div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 副卡明细 -->

                <div class="tab-content hide">
                        开卡明细
                </div>

            </div>
          
		</div>
	</div>
</div>
<!-- 推广首页内容 end -->
@@include('../../templeate/footer.html')
<script type="text/javascript" data-main='../../frontlib/js/logic/self/myPrize.js' src="../../frontlib/js/vendor/require-o.js"></script>
</body>
</html>